<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Sanatana HTML Version - Category</title>
<meta name="description" content="Default Description" />
<meta name="keywords" content="Magento, Varien, E-commerce" />
<meta name="robots" content="INDEX,FOLLOW" />
<link rel="icon" href="#" type="image/x-icon" />
<link rel="shortcut icon" href="#" type="image/x-icon" />

<!-- CSS =====================================================================================-->
<link href='http://fonts.googleapis.com/css?family=Telex' rel='stylesheet' type='text/css' />
<link rel="stylesheet" type="text/css" href="css/styles.css" media="all" />
<link rel="stylesheet" type="text/css" href="css/skin.css" media="all" />
<link rel="stylesheet" type="text/css" href="css/cloud-zoom.css" media="all" />
<link rel="stylesheet" type="text/css" href="css/light_box.css" media="all" />
<link rel="stylesheet" type="text/css" href="css/mix.css" media="all" />
<link rel="stylesheet" type="text/css" href="css/banner.css" media="all" />
<link rel="stylesheet" type="text/css" href="css/magicat.css" media="all" />

<!-- Scripts =====================================================================================-->
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/menu.js"></script>
<script type="text/javascript" src="js/banner_pack.js"></script>
<script type="text/javascript" src="js/light_box.js"></script>
<script type="text/javascript" src="js/cloud-zoom.1.0.2.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.jcarousel.min.js"></script>
<script type="text/javascript" src="js/jquery.mix.js"></script>
</head>
<body id="bg_color" class=" cms-index-index cms-home">
<!--START OF WRAPPER-->
<div class="wrapper">
  <div class="page"> 
    
    <!--START OF HEADER-->
    <div class="header-container">
      <div class="quick-access"> 
        <!--Start Block Cart-->
        <div class="block block-cart header_cart">
          <div class="block-content_pan">
            <div class="summary trigger-minicart">
              <h2 class="classy"> <span class="cart_icon"><img alt="" src="images/shoppingbag.png" /></span><a href="#">0 item</a> </h2>
            </div>
            <div class="remain_cart" id="minicart">
              <p class="empty">You have no items in your shopping cart.</p>
              <div class="actions">
                <p class="subtotal"> <span class="label">Cart Subtotal:</span> <span class="price">$0.00</span> </p>
                <button type="button" title="Checkout" class="button"><span><span>Checkout</span></span></button>
              </div>
            </div>
          </div>
        </div>
        <!--End Block Cart--> 
        
        <!--Start Toplinks-->
        <ul class="links">
          <li class="first"><a href="#" title="My Account">My Account</a></li>
          <li><a href="#" title="Checkout" class="top-link-checkout">Checkout</a></li>
          <li class=" last"><a href="#" title="Log In">Log In</a></li>
        </ul>
        <!--End Toplinks--> 
        
        <!--Start Language-->
        <div class="form-language">
          <div class="language" id="select-language"> <a title="English" class="flag" href="#" style="background: url(./images/flag_default.gif) no-repeat scroll 0% 0% transparent;">English</a> <a title="French" class="flag" href="#" style="background: url(./images/flag_french.gif) no-repeat scroll 0% 0% transparent;">French</a> <a title="German" class="flag" href="#" style="background: url(./images/flag_german.gif) no-repeat scroll 0% 0% transparent;">German</a> </div>
        </div>
        <!--End Language--> 
        
        <!--Start Currency-->
        <div class="header_currency">
          <div class="block block-currency">
            <div class="block-content"> <a title="British Pound Sterling" class="currency_icon" style="background: url(./images/currency_GBP.gif) no-repeat" href="#">British Pound</a> <a title="Euro" class="currency_icon" style="background:url(./images/currency_EUR.gif) no-repeat" href="#">Euro</a> <a title="US Dollar" class="currency_icon selected" style="background: url(./images/currency_USD.gif) no-repeat" href="#">US Dollar</a> </div>
          </div>
        </div>
        <!--End Currency--> 
        
      </div>
      <!--Start Header Content-->
      <div class="header">
        <ul id="logo">
          <!--Left-->
          <li class="head-container"> <span>{</span>
            <h2 class="classy">Free shipping over $9.99</h2>
            <span>}</span>
            <p class="top-welcome-msg">Default welcome msg!</p>
          </li>
          <!--Left--> 
          <!--Center Logo-->
          <li class="logo-box">
            <h1 class="logo"><strong>Magento Commerce</strong><a href="#" title="Magento Commerce" class="logo"><img src="images/logo.png" alt="Magento Commerce" /></a></h1>
          </li>
          <!--Center Logo--> 
          
          <!--Right-->
          <li class="head-container"> <span>{</span>
            <h2 class="classy">Call us - +1 999 999 9999</h2>
            <span>}</span>
            <div id="search-bar">
              <div class="top-bar">
                <form id="search_mini_form" action="">
                  <div class="form-search">
                    <input
                     onfocus="if(this.value=='Search') {this.value=''};" onblur="if(this.value=='') {this.value='Search'};"
                     id="search" name="q" value="Search" class="input-text" type="text" />
                    <button type="submit" title="Go" class="button">Go</button>
                  </div>
                </form>
              </div>
            </div>
          </li>
          <!--Right-->
        </ul>
        <!--Start of Navigation-->
        <div class="nav-container">
          <ul id="nav">
            <li><a href="#">Home</a></li>
            <li class="level0 nav-1 level-top first parent"> <a href="#" class="level-top"> <span>Womens</span> </a>
              <ul class="level0">
                <li class="level1 first parent"> <a href="#"> <span>Sweaters</span> </a>
                  <ul class="level1">
                    <li class="level2 first"> <a href="#"> <span>Cardigans</span> </a> </li>
                    <li class="level2"> <a href="#"> <span>Pullovers</span> </a> </li>
                    <li class="level2"> <a href="#"> <span>Novelty Sweaters</span> </a> </li>
                    <li class="level2 last"> <a href="#"> <span>Medium Wash</span> </a> </li>
                  </ul>
                </li>
                <li class="level1 parent"> <a href="#"> <span>Knit Tops</span> </a>
                  <ul class="level1">
                    <li class="level2 first"> <a href="#"> <span>Dressy</span> </a> </li>
                    <li class="level2"> <a href="#"> <span>Sporty</span> </a> </li>
                    <li class="level2"> <a href="#"> <span>Knit Jackets</span> </a> </li>
                    <li class="level2 last"> <a href="#"> <span>Tanks</span> </a> </li>
                  </ul>
                </li>
                <li class="level1 parent"> <a href="#"> <span>Shirts &amp; Blouses</span> </a>
                  <ul class="level1">
                    <li class="level2 first"> <a href="#"> <span>Dressy</span> </a> </li>
                    <li class="level2"> <a href="#"> <span>Casual</span> </a> </li>
                    <li class="level2"> <a href="#"> <span>A|X Logos</span> </a> </li>
                    <li class="level2"> <a href="#"> <span>Contemporary</span> </a> </li>
                    <li class="level2 last"> <a href="#"> <span>Plus Size</span> </a> </li>
                  </ul>
                </li>
                <li class="level1 parent"> <a href="#"> <span>Tee Shirts</span> </a>
                  <ul class="level1">
                    <li class="level2 first"> <a href="#"> <span>Crew Neck</span> </a> </li>
                    <li class="level2"> <a href="#"> <span>V-Neck</span> </a> </li>
                    <li class="level2 last"> <a href="#"> <span>Scoop Neck</span> </a> </li>
                  </ul>
                </li>
                <li class="level1 last parent"> <a href="#"> <span>Outerwear &amp; Jackets</span> </a>
                  <ul class="level1">
                    <li class="level2 first"> <a href="#"> <span>Scoop Neck</span> </a> </li>
                    <li class="level2"> <a href="#"> <span>Lightweight Layering</span> </a> </li>
                    <li class="level2"> <a href="#"> <span>Stock Up &amp; Save</span> </a> </li>
                    <li class="level2"> <a href="#"> <span>As Seen In</span> </a> </li>
                    <li class="level2 last"> <a href="#"> <span>Trends</span> </a> </li>
                  </ul>
                </li>
              </ul>
            </li>
            <li class="level0 nav-2 level-top parent"> <a href="#" class="level-top"> <span>Mens</span> </a>
              <ul class="level0">
                <li class="level1 first parent"> <a href="#"> <span>Apparel</span> </a>
                  <ul class="level1">
                    <li class="level2 first"> <a href="#"> <span>Blazers &amp; Sport Coats</span> </a> </li>
                    <li class="level2"> <a href="#"> <span>Coats &amp; Jackets</span> </a> </li>
                    <li class="level2"> <a href="#"> <span>Hoodies &amp; Track Jackets</span> </a> </li>
                    <li class="level2"> <a href="#"> <span>Shorts</span> </a> </li>
                    <li class="level2 last"> <a href="#"> <span>Shirts</span> </a> </li>
                  </ul>
                </li>
                <li class="level1 parent"> <a href="#"> <span>Shoes &amp; Accessories</span> </a>
                  <ul class="level1">
                    <li class="level2 first"> <a href="#"> <span>Casual</span> </a> </li>
                    <li class="level2"> <a href="#"> <span>Formals</span> </a> </li>
                    <li class="level2"> <a href="#"> <span>Sports</span> </a> </li>
                    <li class="level2"> <a href="#"> <span>Slippers</span> </a> </li>
                    <li class="level2 last"> <a href="#"> <span>Sandals</span> </a> </li>
                  </ul>
                </li>
                <li class="level1 parent"> <a href="#"> <span>Sweaters</span> </a>
                  <ul class="level1">
                    <li class="level2 first"> <a href="#"> <span>Pullover Sweaters</span> </a> </li>
                    <li class="level2"> <a href="#"> <span>Cardigans</span> </a> </li>
                    <li class="level2"> <a href="#"> <span>Lorem Ipsum</span> </a> </li>
                    <li class="level2"> <a href="#"> <span>Donec ipsum sem</span> </a> </li>
                    <li class="level2 last"> <a href="#"> <span>Sed in metu</span> </a> </li>
                  </ul>
                </li>
                <li class="level1 parent"> <a href="#"> <span>Coats &amp; Jackets</span> </a>
                  <ul class="level1">
                    <li class="level2 first"> <a href="#"> <span>Knit Jackets</span> </a> </li>
                    <li class="level2"> <a href="#"> <span>Coats</span> </a> </li>
                    <li class="level2"> <a href="#"> <span>blazers &amp; vests</span> </a> </li>
                    <li class="level2 last"> <a href="#"> <span>Denim Shop</span> </a> </li>
                  </ul>
                </li>
                <li class="level1 last parent"> <a href="#"> <span>Jeans</span> </a>
                  <ul class="level1">
                    <li class="level2 first"> <a href="#"> <span>Find Your Fit</span> </a> </li>
                    <li class="level2"> <a href="#"> <span>Accumsan</span> </a> </li>
                    <li class="level2"> <a href="#"> <span>Vivamus</span> </a> </li>
                    <li class="level2"> <a href="#"> <span>Pellentesque </span> </a> </li>
                    <li class="level2 last"> <a href="#"> <span>Quisque </span> </a> </li>
                  </ul>
                </li>
              </ul>
            </li>
            <li class="level0 level-top"> <a href="#" class="level-top"> <span>Furniture</span> </a> </li>
            <li class="level0 level-top"> <a href="#" class="level-top"> <span>Accesorries</span> </a> </li>
            <li class="level0 level-top"> <a href="#" class="level-top"> <span>Computer</span> </a> </li>
            <li class="level0 level-top last"> <a href="#" class="level-top"> <span>Electronics</span> </a> </li>
          </ul>
        </div>
        <!--End of Navigation--> 
      </div>
      <!--End Header Content--> 
    </div>
    <!--END OF HEADER--> 
    
    <!--START OF MAIN CONTENT-->
    <div class="main-container col2-left-layout">
      <div class="main">
        <div class="col-main"> 
          <!--Category Title-->
          <div class="page-title category-title">
            <h1>Womens</h1>
          </div>
          <!--Category Image-->
          <p class="category-image"><img src="images/women.jpg" alt="Womens" title="Womens"/></p>
          <div class="category-products"> 
            <!--Start toolbar-->
            <div class="toolbar">
              <div class="pager">
                <div class="limiter">
                  <label>Show</label>
                  <select>
                    <option selected="selected"> 9 </option>
                    <option> 15 </option>
                    <option> 30 </option>
                  </select>
                </div>
              </div>
              <div class="sorter">
                <p class="view-mode">
                  <label>View as:</label>
                  <strong title="Grid" class="grid">Grid</strong>&nbsp; <a href="#" title="List" class="list">List</a>&nbsp; </p>
              </div>
              <div class="pagination">
                <div class="pages"> <strong>Page:</strong>
                  <ol>
                    <li class="current">1</li>
                    <li><a href="#">2</a></li>
                    <li> <a class="next i-next" href="#" title="Next"></a> </li>
                  </ol>
                </div>
              </div>
            </div>
            <!--End toolbar--> 
            
            <!--Start Category Product List-->
            <ul class="products-grid first odd">
              <li class="item first"> <a href="#" title="Lorem ipsum dolor sit amet," class="product-image"><img src="./images/pro1.jpg" alt="Lorem ipsum dolor sit amet,"/></a>
                <h2 class="product-name"> <a href="#" title="Lorem ipsum dolor sit amet,">Lorem ipsum dolor sit amet,</a> </h2>
                <div class="price-box"> <span class="regular-price"> <span class="price">$175.00</span> </span> </div>
                <div class="actions">
                  <button type="button" title="Add to Cart" class="button btn-cart"><span><span>Add to Cart</span></span></button>
                  <a href="#" class="fancybox quick_view">quick view</a>
                  <ul class="add-to-links">
                    <li><a href="#" class="link-wishlist">Add to Wishlist</a></li>
                    <li class="last"><a href="#" class="link-compare">Add to Compare</a></li>
                  </ul>
                </div>
              </li>
              <li class="item first"> <a href="#" title="Lorem ipsum dolor sit amet," class="product-image"><img src="./images/pro14.jpg" alt="Lorem ipsum dolor sit amet,"/></a>
                <h2 class="product-name"> <a href="#" title="Lorem ipsum dolor sit amet,">Lorem ipsum dolor sit amet,</a> </h2>
                <div class="price-box"> <span class="regular-price"> <span class="price">$175.00</span> </span> </div>
                <div class="actions">
                  <button type="button" title="Add to Cart" class="button btn-cart"><span><span>Add to Cart</span></span></button>
                  <a href="#" class="fancybox quick_view">quick view</a>
                  <ul class="add-to-links">
                    <li><a href="#" class="link-wishlist">Add to Wishlist</a></li>
                    <li class="last"><a href="#" class="link-compare">Add to Compare</a></li>
                  </ul>
                </div>
              </li>
              <li class="item last"> <a href="#" title="Lorem ipsum dolor sit amet," class="product-image"><img src="./images/pro22.jpg" alt="Lorem ipsum dolor sit amet,"/></a>
                <h2 class="product-name"> <a href="#" title="Lorem ipsum dolor sit amet,">Lorem ipsum dolor sit amet,</a> </h2>
                <div class="price-box"> <span class="regular-price" > <span class="price">$175.00</span> </span> </div>
                <div class="actions">
                  <button type="button" title="Add to Cart" class="button btn-cart"><span><span>Add to Cart</span></span></button>
                  <a href="#" class="fancybox quick_view">quick view</a>
                  <ul class="add-to-links">
                    <li><a href="#" class="link-wishlist">Add to Wishlist</a></li>
                    <li class="last"><a href="#" class="link-compare">Add to Compare</a></li>
                  </ul>
                </div>
              </li>
            </ul>
            <ul class="products-grid first odd">
              <li class="item first"> <a href="#" title="Lorem ipsum dolor sit amet," class="product-image"><img src="./images/pro9.jpg" alt="Lorem ipsum dolor sit amet,"/></a>
                <h2 class="product-name"> <a href="#" title="Lorem ipsum dolor sit amet,">Lorem ipsum dolor sit amet,</a> </h2>
                <div class="price-box"> <span class="regular-price"> <span class="price">$175.00</span> </span> </div>
                <div class="actions">
                  <button type="button" title="Add to Cart" class="button btn-cart"><span><span>Add to Cart</span></span></button>
                  <a href="#" class="fancybox quick_view">quick view</a>
                  <ul class="add-to-links">
                    <li><a href="#" class="link-wishlist">Add to Wishlist</a></li>
                    <li class="last"><a href="#" class="link-compare">Add to Compare</a></li>
                  </ul>
                </div>
              </li>
              <li class="item first"> <a href="#" title="Lorem ipsum dolor sit amet," class="product-image"><img src="./images/pro11.jpg" alt="Lorem ipsum dolor sit amet,"/></a>
                <h2 class="product-name"> <a href="#" title="Lorem ipsum dolor sit amet,">Lorem ipsum dolor sit amet,</a> </h2>
                <div class="price-box"> <span class="regular-price"> <span class="price">$175.00</span> </span> </div>
                <div class="actions">
                  <button type="button" title="Add to Cart" class="button btn-cart"><span><span>Add to Cart</span></span></button>
                  <a href="#" class="fancybox quick_view">quick view</a>
                  <ul class="add-to-links">
                    <li><a href="#" class="link-wishlist">Add to Wishlist</a></li>
                    <li class="last"><a href="#" class="link-compare">Add to Compare</a></li>
                  </ul>
                </div>
              </li>
              <li class="item last"> <a href="#" title="Lorem ipsum dolor sit amet," class="product-image"><img src="./images/pro6.jpg" alt="Lorem ipsum dolor sit amet,"/></a>
                <h2 class="product-name"> <a href="#" title="Lorem ipsum dolor sit amet,">Lorem ipsum dolor sit amet,</a> </h2>
                <div class="price-box"> <span class="regular-price"> <span class="price">$175.00</span> </span> </div>
                <div class="actions">
                  <button type="button" title="Add to Cart" class="button btn-cart"><span><span>Add to Cart</span></span></button>
                  <a href="#" class="fancybox quick_view">quick view</a>
                  <ul class="add-to-links">
                    <li><a href="#" class="link-wishlist">Add to Wishlist</a></li>
                    <li class="last"><a href="#" class="link-compare">Add to Compare</a></li>
                  </ul>
                </div>
              </li>
            </ul>
            <!--End Category Product List--> 
            
            <!--Start toolbar bottom-->
            <div class="toolbar-bottom">
              <div class="toolbar">
                <div class="pager">
                  <div class="limiter">
                    <label>Show</label>
                    <select>
                      <option selected="selected"> 9 </option>
                      <option> 15 </option>
                      <option> 30 </option>
                    </select>
                  </div>
                </div>
                <div class="sorter">
                  <p class="view-mode">
                    <label>View as:</label>
                    <strong title="Grid" class="grid">Grid</strong>&nbsp; <a href="#" title="List" class="list">List</a>&nbsp; </p>
                </div>
                <div class="pagination">
                  <div class="pages"> <strong>Page:</strong>
                    <ol>
                      <li class="current">1</li>
                      <li><a href="#">2</a></li>
                      <li> <a class="next i-next" href="#" title="Next"></a> </li>
                    </ol>
                  </div>
                </div>
              </div>
            </div>
            <!--End toolbar bottom--> 
          </div>
        </div>
        <div class="col-left sidebar"> 
          <!--Start Magic Category Block-->
          <div class="magicat-container">
            <div class="block">
              <div class="block-title cat_heading"> <strong><span>Womens</span></strong> </div>
              <ul id="magicat">
                <li class="first level0-inactive level0 inactive"><span class="magicat-cat"><a href="#"><span>Sweaters</span></a></span> </li>
                <li class="level0-inactive level0 inactive"><span class="magicat-cat"><a href="#"><span>Knit Tops</span></a></span> </li>
                <li class="level0-inactive level0 inactive"><span class="magicat-cat"><a href="#"><span>Shirts &amp; Blouses</span></a></span> </li>
                <li class="level0-inactive level0 inactive"><span class="magicat-cat"><a href="#"><span>Tee Shirts</span></a></span> </li>
                <li class="last level0-inactive level0 inactive"><span class="magicat-cat"><a href="#"><span>Outerwear &amp; Jackets</span></a></span></li>
              </ul>
            </div>
          </div>
          <!--End Magic Category Block--> 
          
          <!--Start Layered nav-->
          <div class="block block-layered-nav">
            <div class="block-title"> <strong><span>Shop By</span></strong> </div>
            <div class="block-content">
              <div id="narrow-by-list">
                <div>
                  <div class="last collapse" id="filter_heading">Price</div>
                  <div class="last odd" id="filter_content">
                    <ul>
                      <li> <a href="#"><span class="price">$0.00</span> - <span class="price">$1,000.00</span></a> (2) </li>
                      <li> <a href="#"><span class="price">$2,000.00</span> - <span class="price">$3,000.00</span></a> (9) </li>
                    </ul>
                  </div>
                  <script type="text/javascript">
						jQuery('#filter_heading').click(function() {
					      jQuery('#filter_content').slideToggle('slow');
						   jQuery(this).toggleClass("highlight");
					    });
					</script> 
                </div>
              </div>
            </div>
          </div>
          <!--End Layered nav--> 
          
          <!--Start Compare Products-->
          <div class="block block-list block-compare">
            <div class="block-title"><strong><span>Compare Products</span></strong> </div>
            <div class="block-content">
              <p class="empty">You have no items to compare.</p>
            </div>
          </div>
          <!--End Compare Products--> 
          
          <!--Start Poll-->
          <div class="block block-poll">
            <div class="block-title"> <strong><span>Community Poll</span></strong> </div>
            <form action="">
              <div class="block-content">
                <p class="block-subtitle">What is your favorite Magento feature?</p>
                <ul id="poll-answers">
                  <li class="odd">
                    <input name="vote" class="radio poll_vote" id="vote_5" value="5" type="radio"/>
                    <span class="label">
                    <label for="vote_5">Layered Navigation</label>
                    </span> </li>
                  <li class="even">
                    <input name="vote" class="radio poll_vote" id="vote_6" value="6" type="radio"/>
                    <span class="label">
                    <label for="vote_6">Price Rules</label>
                    </span> </li>
                  <li class="odd">
                    <input name="vote" class="radio poll_vote" id="vote_7" value="7" type="radio"/>
                    <span class="label">
                    <label for="vote_7">Category Management</label>
                    </span> </li>
                  <li class="last even">
                    <input name="vote" class="radio poll_vote" id="vote_8" value="8" type="radio"/>
                    <span class="label">
                    <label for="vote_8">Compare Products</label>
                    </span> </li>
                </ul>
                <div class="actions">
                  <button type="submit" title="Vote" class="button"><span><span>Vote</span></span></button>
                </div>
              </div>
            </form>
          </div>
          <!--End Poll--> 
        </div>
      </div>
      <div style="display: none;" id="back-top"> <a href="#"><img alt="" src="images/backtop.gif"/></a> </div>
    </div>
    <!--END OF MAIN CONTENT--> 
    
    <!--START OF FOOTER-->
    <div class="footer-container">
      <div class="footer">
        <div class="f-fix">
          <div class="frame">.</div>
          <!--Shipping Block-->
          <div class="free-shipping">Enjoy free shipping <span>on all orders as our holiday gift for you!</span></div>
          <!--Shipping Block--> 
          
          <!--Newsletter-->
          <form method="post" id="newsletter-validate-detail" action="">
            <div class="form-subscribe">
              <div class="form-subscribe-header">Sign up for newsletter</div>
              <div class="input-box">
                <input 
                onfocus="if(this.value=='Enter email address') {this.value=''};" onblur="if(this.value=='') {this.value='Enter email address'};"
                value="Enter email address" name="email" id="newsletter" title="Sign up for newsletter" class="input-text required-entry validate-email" type="text" />
                <button type="submit" title="Submit" class="button"><span>Submit</span></button>
              </div>
            </div>
          </form>
          <!--Newsletter--> 
        </div>
        <div class="f-left bottom_links">
          <div class="footer-content">
            <div class="block_1">
              <h3>About us</h3>
              <!--Footer links-->
              <ul class="footer_links">
                <li> <a href="#">About Us</a></li>
                <li> <a href="#">Customer Service</a></li>
                <li> <a href="#">Privacy Policy</a></li>
              </ul>
            </div>
            <div class="block_1">
              <h3>Customer Services</h3>
              <!--Footer links-->
              <ul class="footer_links">
                <li> <a href="#">Shipping &amp; Returns</a></li>
                <li> <a href="#">Secure Shopping</a></li>
                <li> <a href="#">Contact us</a></li>
              </ul>
            </div>
            <div class="block_1"> 
              <!--Footer links-->
              <h3>Terms &amp; Conditions</h3>
              <ul class="footer_links">
                <li> <a href="#">Press Room</a></li>
                <li> <a href="#">Help</a></li>
                <li> <a href="#">Terms &amp; Conditions</a></li>
              </ul>
            </div>
            <div class="block_2">
              <h3>Connect &amp; Share</h3>
              <!--Social links-->
              <div class="social_box">
                <div class="facebook"><a title="Facebook" href="#"></a></div>
                <div class="twitter"><a title="Twitter" href="#"></a></div>
                <div class="linkedin"><a title="Linkedin" href="#"></a></div>
                <div class="youtube"><a title="Youtube" href="#"></a></div>
              </div>
              <!--Payment Icons-->
              <div class="payment"> <img src="images/amexp.jpg" alt="" /> <img src="images/visa.jpg" alt="" /> <img src="images/mastercard.jpg" alt="" /> <img src="images/discover.jpg" alt="" /> </div>
            </div>
          </div>
        </div>
      </div>
      <address>
      © 2012 Santana Demo Store. All Rights Reserved. Design &amp; Develop by <a href="http://www.magicdesignlabs.com/">MagicDesignLabs</a>
      </address>
    </div>
    <!--END OF FOOTER--> 
  </div>
  
  <!--Minicart JS--> 
  <script type="text/javascript">
	 var minicart_timer;
    jQuery(".trigger-minicart").hover(function(){
        jQuery("#minicart").slideDown();
    });
    jQuery("#minicart").mouseleave(function(){
        jQuery("#minicart").slideUp();
    });
    jQuery("#minicart").hover(function(){
        clearTimeout(minicart_timer);
    });
	jQuery(document).ready(function(){
	jQuery('.pagebox_btn').click(function(){
		if(parseInt(jQuery('.page_pan').css('left')) < 0)
		{
			jQuery('.page_pan').animate({ left: '0' }, 600, 'easeOutQuint');
		}
		else{
			jQuery('.page_pan').animate({ left: '-100px' }, 600, 'easeOutQuint');
			}
		});
		});
</script>
</div>
<!--pages box-->
<div class="page_pan" style="left:-100px;">
	<div class="page_box">
    	<a href="http://www.magicdesignlabs.in/santana_html/index.html">Home</a>
        <a href="http://www.magicdesignlabs.in/santana_html/category.html">Category</a>
        <a href="http://www.magicdesignlabs.in/santana_html/product.html">Product</a>
        <a href="http://www.magicdesignlabs.in/santana_html/checkout.html">Checkout</a>
        <a href="http://www.magicdesignlabs.in/santana_html/contacts.html">Contact us</a>
    </div>
    <div class="pagebox_btn">
    	<span>P</span>
        <span>A</span>
        <span>G</span>
        <span>E</span>
        <span>S</span>
    </div>
</div>
<!--end pages box-->
<!--END OF WRAPPER-->
</body>
</html>